<template>
  <div>
    <!-- 搜索框 -->
    <van-search
      v-model="searchValue"
      placeholder="请输入搜索关键词"
      show-action
      shape="round"
      @search="onSearch"
    >
      <div slot="action" @click="onSearch">搜索</div>
    </van-search>
    <!-- 侧边导航 -->
    <side-bar></side-bar>

  </div>
</template>

<script>
import SideBar from "./qrs/SideBar.vue"
export default {
  data() {
    return {
      searchValue: "", //搜索框
      activeKey: 0,
      sidebarItem:[1,2,3,4,5,6,7,8,9]
    };
  },
  components:{
      SideBar
  },
  methods: {
    //搜索框确认事件
    onSearch() {
      console.log("searchvalue");
    },
    activeKeyChange(index) {
      this.activeKey = index;
    }
  },
  mounted() {}
};
</script>

<style scoped>

</style>